<!--
 * @Author: your name
 * @Date: 2022-01-21 16:42:06
 * @LastEditTime: 2022-02-09 17:47:01
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \lpc\ias_ui\src\views\coi\making\special.vue
-->
<template>
  <el-form-item label="三品一械注册证编号" class="special">
    <el-input
      v-model="goodsInfo.registeOneNbr"
      size="mini"
      type="textarea"
      :disabled="isDisabled"
      :placeholder="placeholder"
      maxlength="50"
      show-word-limit
      clearable
    />
    <el-popover placement="bottom" trigger="click">
      <p>
        <strong>
          根据《医疗器械网络销售监督管理办法》中的第十条、第十一条，所有三品一械商品均需展示注册证或备案凭证，<br>
          且需要展示可复制粘贴文本形式的注册证编号或备案凭证编号。<br>
        </strong>
      </p>
      <p>
        <strong>
          例如：国械注进20162184352、国食注字YP20175026；<br>
        </strong>
      </p>
      <br>
      <p>三品一械包括：保健品、特殊医学配方食品、婴幼儿配方食品和医疗器械用品。判断依据：<br></p>
      <ul>
        <li>保健品：有小蓝帽标志或商品包装上带有“国食健注…”字样；<br></li>
        <li>医疗器械用品：在医疗器械清单中的商品，具体参考
          <el-link type="primary" href="https://www.nmpa.gov.cn/ylqx/ylqxfgwj/ylqxbmgzh/20171222201001323.html" target="_blank">《医疗器械网络销售监督管理办法》</el-link>和
          <el-link type="primary" href="https://www.nmpa.gov.cn/ylqx/ylqxjgdt/20210531143615123.html" target="_blank">《医疗器械标准目录参考地址》</el-link>；<br>
        </li>
        <li>特殊医学配方食品：商品包装上带有“国食注字….“/“特殊医学用途配方食品”字样；<br></li>
        <li>婴幼儿配方食品：商品包装上带有的“婴幼儿配方”字样的商品；</li>
      </ul>
      <i slot="reference" class="el-icon-question" />
    </el-popover>
  </el-form-item>
</template>

<script>
export default {
  name: 'Special',
  // eslint-disable-next-line vue/require-prop-types
  props: ['goodsInfo', 'isDisabled', 'placeholder']
}
</script>

<style lang="scss" scoped>
i.el-icon-question{
  vertical-align: middle;
  margin-left: 10px;
  cursor: pointer;
  font-size: 16px;
}
/deep/ .el-form-item__label{
  line-height: 20px;
}
p{
  text-indent: 2em;
  margin: 0;
}
ul{
  margin: 0;
}
</style>
